.bg{
	height: 290px;
	background:url(../img/1505/15054792/raw_1512446351.jpeg) no-repeat  center center /cover transparent;
	background-size:100% auto;
	position: relative;
}

.my-arrow{
	position: absolute;top: 10px;left: 15px;color: white;
}

.info{
	position: absolute;top: 60px;left: 20px;
	color: white;
	font-size: 12px;
}

.info p{
width: 60%;
}

.num{
	font-size: 13px;
	text-align: center;
	white-space:nowrap;
    margin-right: 0px;
}

.info .name{
font-size: 20px;
}

.ibtn{
height: 30px;
width: 80px;
font-size: 12px;
margin: 5px;
}
.tab{
margin: 0px auto;
}

.tabs ul{width:99%;
font-size: 13px;
text-align: center;
white-space:nowrap;
}
.tabs li{width:33%;}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: initial;
background-color: initial;
border-bottom:medium solid #F3E382;
border-radius: initial;
}
.comment .row{
margin-bottom: 20px;
}

.comment-star i{
color: #F3D408;
}

.comment-date{
color: #BBBBBB;
margin-left: 20px;
}

.comment p,.comment span{
font-size: 13px;
}

.comment-img{
width:90%;
text-align: center;
display: flex;
flex-wrap: wrap;
padding-left: 0;
list-style: none;
}

.comment-img li{
width:33%;
height: 70px;
}
.comment-img img{
width:90%;
height:90%;
}

.comment-link{
position: relative;
height: 40px;
background-color: #F4EEEE;
}

.comment-link a{
color: rgba(123, 120, 120, 1);
font-size: 14px;
text-align: center;
}

.comment-link img{
height: 70%;
width: 30px;
margin: 6px 5px 5px 8px;
}

.comment-link i{
position: absolute;
top: 4px;
right: 10px;

}

.comment-head img{
width: 100%;
}


@media screen and (max-width: 600px) {
.comment-head img {
width: 150%;
}
}

.list dd{
margin: 10px auto;
}

.list img{
width: 100%;
max-height:200px;
}

.title{
font-size: 14px;
margin: 10px auto;
}

.list p{
line-height: 10px;
margin-top: 15px;
}

.span-right{
float: right;
}

.comment{
padding-top: 10px;
}